<script setup>
import { VideoPlay, CirclePlus, Right } from '@element-plus/icons-vue'
// 组件中使用，接收传参的
defineProps({
  row: Object,
  default: {}
})
// 组件中使用，接收事件的
const emits = defineEmits(['operate1', 'operate2', 'operate3', 'operate4', 'operate5']);
</script>
<template>
  <el-button class="btn1" link type="primary" @click="emits('operate1')">
    <template #icon>
      <img class="table_operate_icon" src="@/assets/image/icon/list_btn_details.png" alt="">
    </template>
    Details
  </el-button> 
  <el-button class="btn2" link type="primary" :disabled="row.status == 1" @click="emits('operate2')">
    <template #icon>
      <img class="table_operate_icon" src="@/assets/image/icon/list_btn_handle.png" alt="">
    </template>
    Handle  
  </el-button> 
</template>
<style lang="less" scoped>
.btn2{
  position: relative;
}
// .btn1{
//   position: relative;
// }
// .btn2::before{
//   content: " ";
//   display: block;
//   width: 16px;
//   height: 16px;
//   border-radius: 9999px;
//   border: 1px solid #409eff;
//   position: absolute;
//   left: 0;
//   top: 0;
// }
</style>